<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>webview</title>
    <meta name ="viewport" content ="initial-scale=1, maximum-scale=3, minimum-scale=1, user-scalable=no">
    <script src="/static/js/jquery.min.js"></script>
    <script src="/static/js/jweixin-1.3.2.js"></script>
    <link rel="stylesheet" href="/static/css/fix_mina.css?v=1">
    <style type="text/css">
        .default_header {
            height: 60px;
            background-color: red;
        }
        .but {
            height: 60px;
            background-color: blue;
            width: 100%;
        }
    </style>
    <script>

        $(function() {
            console.log('header', $('.default_header').length, 1)
//            $('.default_header').hide()
        })
        document.ready = function() {
            console.log('header', $('.default_header').length, 2)
//            $('.default_header').hide()
        }
    </script>
</head>
<body>
    <div class="default_header">miniprogram</div>
    <button class="but">11111</button>
    <div class="custom_audio_con custom_audio_component">
        <div class="top">
            <audio src="https://www.17det.com/static/bat.mp3" style="display: none;" controls="false"></audio>
            <img class="top_left action_icon" src="./images/audio_play_icon.png">
            <div class="top_right">
                <div class="top_right_inner">
                    <div class="title">标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题</div>
                    <div class="desc">描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述</div>
                </div>
            </div>
        </div>
        <div class="bottom">
            <div class="b_side left">
                00:00
            </div>
            <div class="b_middle">
                <div class="custom_animate_bars" style="display: none;"></div>
                <div class="pre_bar">
                    <div class="active" style="width: 0;"></div>
                </div>
            </div>
            <div class="b_side right">
                00:00
            </div>
        </div>
    </div>
    <div class="custom_audio_con custom_audio_component">
        <div class="top">
            <audio src="https://www.17det.com/static/bat.mp3" style="display: none;" controls="false"></audio>
            <img class="top_left action_icon" src="./images/audio_play_icon.png">
            <div class="top_right">
                <div class="top_right_inner">
                    <div class="title">标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题</div>
                    <div class="desc">描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述</div>
                </div>
            </div>
        </div>
        <div class="bottom">
            <div class="b_side left">
                00:00
            </div>
            <div class="b_middle">
                <div class="custom_animate_bars" style="display: none;"></div>
                <div class="pre_bar">
                    <div class="active" style="width: 0;"></div>
                </div>
            </div>
            <div class="b_side right">
                00:00
            </div>
        </div>
    </div>
    <div class="custom_audio_con custom_audio_component">
        <div class="top">
            <audio src="https://www.17det.com/static/bat.mp3" style="display: none;" controls="false"></audio>
            <img class="top_left action_icon" src="./images/audio_play_icon.png">
            <div class="top_right">
                <div class="top_right_inner">
                    <div class="title">标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题</div>
                    <div class="desc">描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述</div>
                </div>
            </div>
        </div>
        <div class="bottom">
            <div class="b_side left">
                00:00
            </div>
            <div class="b_middle">
                <div class="custom_animate_bars" style="display: none;"></div>
                <div class="pre_bar">
                    <div class="active" style="width: 0;"></div>
                </div>
            </div>
            <div class="b_side right">
                00:00
            </div>
        </div>
    </div>
    <div class="custom_audio_con custom_audio_component">
        <div class="top">
            <audio src="https://www.17det.com/static/bat.mp3" style="display: none;" controls="false"></audio>
            <img class="top_left action_icon" src="./images/audio_play_icon.png">
            <div class="top_right">
                <div class="top_right_inner">
                    <div class="title">标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题</div>
                    <div class="desc">描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述</div>
                </div>
            </div>
        </div>
        <div class="bottom">
            <div class="b_side left">
                00:00
            </div>
            <div class="b_middle">
                <div class="custom_animate_bars" style="display: none;"></div>
                <div class="pre_bar">
                    <div class="active" style="width: 0;"></div>
                </div>
            </div>
            <div class="b_side right">
                00:00
            </div>
        </div>
    </div>
    <div class="custom_audio_con custom_audio_component">
        <div class="top">
            <audio src="https://www.17det.com/static/bat.mp3" style="display: none;" controls="false"></audio>
            <img class="top_left action_icon" src="./images/audio_play_icon.png">
            <div class="top_right">
                <div class="top_right_inner">
                    <div class="title">标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题</div>
                    <div class="desc">描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述</div>
                </div>
            </div>
        </div>
        <div class="bottom">
            <div class="b_side left">
                00:00
            </div>
            <div class="b_middle">
                <div class="custom_animate_bars" style="display: none;"></div>
                <div class="pre_bar">
                    <div class="active" style="width: 0;"></div>
                </div>
            </div>
            <div class="b_side right">
                00:00
            </div>
        </div>
    </div>
    <div class="custom_audio_con custom_audio_component">
        <div class="top">
            <audio src="https://www.17det.com/static/bat.mp3" style="display: none;" controls="false"></audio>
            <img class="top_left action_icon" src="./images/audio_play_icon.png">
            <div class="top_right">
                <div class="top_right_inner">
                    <div class="title">标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题</div>
                    <div class="desc">描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述</div>
                </div>
            </div>
        </div>
        <div class="bottom">
            <div class="b_side left">
                00:00
            </div>
            <div class="b_middle">
                <div class="custom_animate_bars" style="display: none;"></div>
                <div class="pre_bar">
                    <div class="active" style="width: 0;"></div>
                </div>
            </div>
            <div class="b_side right">
                00:00
            </div>
        </div>
    </div>
    <div class="custom_audio_con custom_audio_component">
        <div class="top">
            <audio src="https://www.17det.com/static/bat.mp3" style="display: none;" controls="false"></audio>
            <img class="top_left action_icon" src="./images/audio_play_icon.png">
            <div class="top_right">
                <div class="top_right_inner">
                    <div class="title">标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题</div>
                    <div class="desc">描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述</div>
                </div>
            </div>
        </div>
        <div class="bottom">
            <div class="b_side left">
                00:00
            </div>
            <div class="b_middle">
                <div class="custom_animate_bars" style="display: none;"></div>
                <div class="pre_bar">
                    <div class="active" style="width: 0;"></div>
                </div>
            </div>
            <div class="b_side right">
                00:00
            </div>
        </div>
    </div>
    <div class="custom_audio_con custom_audio_component">
        <div class="top">
            <audio src="https://www.17det.com/static/bat.mp3" style="display: none;" controls="false"></audio>
            <img class="top_left action_icon" src="./images/audio_play_icon.png">
            <div class="top_right">
                <div class="top_right_inner">
                    <div class="title">标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题</div>
                    <div class="desc">描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述</div>
                </div>
            </div>
        </div>
        <div class="bottom">
            <div class="b_side left">
                00:00
            </div>
            <div class="b_middle">
                <div class="custom_animate_bars" style="display: none;"></div>
                <div class="pre_bar">
                    <div class="active" style="width: 0;"></div>
                </div>
            </div>
            <div class="b_side right">
                00:00
            </div>
        </div>
    </div>
    <div class="new_footer_bar_mask" style="display: none;">
        <div class="new_footer_bar">
            <div class="f_inner">
                <a class="f_item" href="#">
                    <img class="f_item_img" src="./images/audio_pause_icon.png" alt="">
                    <div class="f_item_text">我的进度我的进度我的进度我的进度我的进度</div>
                </a>
                <a class="f_item" href="#">
                    <img class="f_item_img" src="./images/audio_pause_icon.png" alt="">
                    <div class="f_item_text">我的进度</div>
                </a>
                <a class="f_item" href="#">
                    <img class="f_item_img" src="./images/audio_pause_icon.png" alt="">
                    <div class="f_item_text">我的进度</div>
                </a>
                <a class="f_item" href="#">
                    <img class="f_item_img" src="./images/audio_pause_icon.png" alt="">
                    <div class="f_item_text">我的进度</div>
                </a>
            </div>
        </div>
    </div>
    <div class="new_nav_btn" style="display: none;">菜单</div>
    <script>
        var a = sessionStorage.getItem('test')
        $('.default_header').text('miniprogram:' + a)
        $('.default_header').click(function() {
            sessionStorage.setItem('test', 'fuck')
        })
        $('.but').click(function() {
            window.location.href = '/web1'
        })
    </script>
<script src="/static/js/fix_mina.js?v=13"></script>
</body>
</html>